
var slider = document.getElementsByClassName("slider-item");
var thumbItem = document.getElementsByClassName("thumbs-item");
for(let i = 0; i < thumbItem.length; i++){
  thumbItem[i].onclick = function(){
    for(let j = 0; j < thumbItem.length; j++){
      thumbItem[j].className = "thumbs-item";
      slider[j].className = "slider-item";
    }
    thumbItem[i].classList.toggle("cur");
    slider[i].classList.toggle("active");
  }
}


// 插件化
// ;(function(){
//   var Slider = function(obj){
//     this.slider = document.getElementsByClassName(obj.slider);
//     this.thumbs = document.getElementsByClassName(obj.thumbs);
//     this.bindClick();
//   }
//   Slider.prototype = {
//     bindClick: function(){
//       var slider = this.slider,
//           thumbs = this.thumbs;
//       for(var i = 0; i < thumbs.length; i++){
//         (function(j){
//           thumbs[j].onclick = function(){
//             for(var j = 0; j < thumbs.length; j++){
//               thumbs[j].className = "thumbs-item";
//               slider[j].className = "slider-item";
//             }
//             // thumbs.classList.toggle("cur");
//             thumbs.className += " cur";
//             // slider.classList.toggle("active");
//             slider.className += " active";
//           }
//         })(i)
//       }
//     }
//   }
//   window.Slider = Slider;
// })()